<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>渠道认证管理</title>

        <link href="/webjars/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>

    </head>

    <body>
        <h1>Welcome!</h1>
        
        <p>Click <a th:href="@{/hello}">here</a> to see a greeting.</p>

        <div class="container">

            <h2>渠道列表</h2>

            <table id="owners" class="table table-striped">
                <thead>
                <tr>
                    <th>序号</th>
                    <th style="width: 200px;">名称</th>
                    <th>编码</th>
                    <th style="width: 150px;">秘钥</th>
                    <th  style="width:60px;">秘钥有效期</th>
                    <th style="width: 100px;">ip 地址</th>
                    <th style="width: 100px;">封禁时长</th>
                    <th style="width: 100px;">访问间隔</th>
                    <th style="width: 100px;">访问峰值</th>
                    <th style="width: 100px;">带宽</th>
                    <th style="width: 100px;">是否上线</th>
                </tr>
                </thead>
                <tbody>
                {% for _, channel in ipairs(channels) do %}
                {(channel.html, channel)}
                {% end %}
                </tbody>
            </table>





        </div>

        <script src="/webjars/jquery/2.1.4/jquery.js"></script>
        <script src="/webjars/bootstrap/3.3.4/js/bootstrap.min.js"></script>

    </body>
</html>